<template>
	<view class="">
		<view class="incoomeDetailsList-all">
			<view class="incoomeDetailsList-item" v-for="(item,index) in  list" :key="item.order_sn">
				<view class="orderStatus">{{item.from_user_nickname}}--{{item.content}}</view>
			<!-- 	<view class="orderNumber">
					订单号：{{item.order_sn}}
				</view> -->
				<view class="orderTime">
					时间：{{item.updated_at}}
				</view>
				

				<view class="money">
					+{{item.number}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	
	import {incomeStatistics} from "./api.js"
	export default {
		data() {
			return {
				url: '',
				list: []
			}
		},
		onLoad() {
			this.getorder()
		},
		methods:{
			 getorder(){
				incomeStatistics().then(res=>{
					this.list=res.data
				})
			}
		}

	}
</script>

<style lang="scss">
	.incoomeDetailsList-item {
		position: relative;
		box-sizing: border-box;
		width: 686rpx;
		height: 184rpx;
		background: #FFFFFF;
		border-radius: 16rpx;
		margin: 0 auto;
		margin-top: 24rpx;
		padding-left: 24rpx;
		border: 2rpx solid rgba(0, 0, 0, 0);

		.orderStatus {
			font-size: 32rpx;
			font-weight: 500;
			color: #000000;
			margin-top: 24rpx;
		}

		.orderNumber {
			font-size: 24rpx;
			font-weight: 400;
			color: #666666;
			margin-top: 16rpx;
		}

		.orderTime {
			font-size: 24rpx;
			font-weight: 400;
			color: #666666;
			margin-top: 8rpx;
		}

		.type-icon {
			width: 106rpx;
			height: 48rpx;
			position: absolute;
			right: 0;
			top: 0;
			font-size: 20rpx;
			font-weight: 500;
			color: #F8F8F8;
			text-align: center;
			line-height: 48rpx;
			background-size: 100% 100%;

		}

		.money {
			position: absolute;
			right: 24rpx;
			bottom: 24rpx;
			font-size: 48rpx;
			font-weight: bold;
			color: #000000;
		}
	}
</style>
